<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Live2D 看板娘 v1.2 / Demo</title>

    <link rel="stylesheet" type="text/css" href="assets/waifu.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<style>
	 .search{
    /**width:300px;*/
	height:200px;
    position:absolute;
    left:42%;
    top:45%;
    margin:-100px 0 0 -150px
 }
</style>
</head>
<body>
    <h2><a href="#" style="color: #38A3DB">Live2D 看板娘 v1.2</a> / Demo</h2>

    <!--<div id="search" class="search" style="position:absolute;left:50%;transform:translateX(-50%);top:50%;transform:translateY(-50%)">-->
	<div id="search" class="search" >
		<center>
		<div id="lg">
			<img hidefocus="true" class="index-logo-src" src="pic/baidu.png" usemap="#mp">
		</div>
		</center>
		<div class="right form-wrapper">
			<form class="form-hook" id="search-form" action="https://www.baidu.com/s" target="_blank">
				<div class="input-wrapper wrapper-hook g-ib">
					<div class="input-shadow shadow-hook g-ib">
						<input id="search-input"style="width:565px;height:32px;" type="text" autocomplete="off" maxlength="100" name="word" placeholder="搜你想搜的">
							<a class="hotword hotword-hook" href="http://top.baidu.com/buzz?b=1" hidefocus="true"></a>
							<div class="suggest suggest-search g-bg11 g-br9">
								<div class="header-hook detail"></div>
								<ul class="list-hook"></ul>
								<div class="footer-hook"></div>
							</div>
					</div>
				</div>
				<center>
					<div class="button-wrapper g-ib">
						<input class="button button-hook" type="submit" value="百度一下">
					</div>
				</center>
				<div class="hidden-params params-hook">
					<input id="search_tn" type="hidden" value="sitehao123" name="tn">
					<input type="hidden" value="utf-8" name="ie">
				</div>
			</form>
		</div>
	</div>


    <div class="waifu">
        <div class="waifu-tips"></div>
        <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
        <div class="waifu-tool">
            <span class="fui-home"></span>
            <span class="fui-chat"></span>
            <span class="fui-eye"></span>
            <span class="fui-user"></span>
            <span class="fui-photo"></span>
            <span class="fui-info-circle"></span>
            <span class="fui-cross"></span>
        </div>
    </div>

    <script src="assets/waifu-tips.js"></script>
    <script src="assets/live2d.js"></script>
    <script type="text/javascript">initModel("assets/")</script>
</body>
</html>